<template>
  <div class="mine">
    <UserInfo></UserInfo>
    <MyOrder></MyOrder>
    <MyCoupon></MyCoupon>
    <MyFavorite></MyFavorite>
    <MyAddress></MyAddress>
    <MyServer></MyServer>
  </div>
</template>

<script>
import UserInfo from '../components/userInfo'
import MyOrder from '../components/myOrder'
import MyCoupon from '../components/myCoupon'
import MyFavorite from '../components/myFavorite'
import MyAddress from '../components/myAddress'
import MyServer from '../components/myServer'
export default {
  name: 'Mine',
  components: {
    UserInfo,
    MyOrder,
    MyCoupon,
    MyFavorite,
    MyAddress,
    MyServer
  },
  data () {
    return {
    }
  },
  watch: {

  },
  mounted () {
    console.log(this.$store.state.Login)
  },
  methods: {

  }
}

</script>
<style scoped lang='scss'>
  .mine{
    background-color: rgb(242,242,242);
  }
</style>
